﻿/* Author:
	Shampoo Project Author 
	Date: May 21, 2013
-----------------------------------*/

@font-face {
	font-family: 'Spinnaker-Regular';
	src: url('../fonts/Spinnaker-Regular.eot');
	src: local('☺'), url('../fonts/Spinnaker-Regular.woff') format('woff'), url('../fonts/Spinnaker-Regular.ttf') format('truetype'), url('../fonts/Spinnaker-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-----[ Home Page ]---------------------------------------------------*/
body{
	/*font-family: 'Spinnaker-Regular';*/
	font-family:'Open Sans', sans-serif;
	background:#FAFAFA;
}
a, a:hover, a:active{
	text-decoration:none !important;	
	color:#28B7ED;
}
a:hover{
	color:#09F;
}
.header{
	width:100%;
	min-height:145px;
	box-shadow:0 2px 3px #666;
	background: rgb(232,232,232); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(244,244,244,1) 14%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(14%,rgba(244,244,244,1)), color-stop(36%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 14%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 14%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 14%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(244,244,244,1) 14%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.header-sub{
	width:100%;
	min-height:50px;	
}
.header-nav{
	width:97%;
	padding-right:3%;
	min-height:50px;
	background: rgb(234,234,234); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(234,234,234,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(234,234,234,1) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(234,234,234,1) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(234,234,234,1) 1%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
}
.header-nav:hover{
	opacity:1;	
}
ul.social-network{
	list-style:none;
	margin-top:55px;
	margin-bottom:0px;
	margin-left:0px;	
}
ul.social-network li{
	float:left;
	margin-right:3px;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
}
ul.social-network li:hover{
	opacity:1;	
}
.social-element{
	height:34px;
	width:34px;	
}
.twitter{
	background:url(../img/twitter-invert.png) center no-repeat;	
}
.twitter:hover{
	background:url(../img/twitter.png) center no-repeat;		
}
.facebook{
	background:url(../img/facebook-invert.png) center no-repeat;	
}
.facebook:hover{
	background:url(../img/facebook.png) center no-repeat;		
}
.google{
	background:url(../img/google-plus-invert.png) center no-repeat;	
}
.google:hover{
	background:url(../img/google-plus.png) center no-repeat;		
}
.instagram{
	background:url(../img/instagram-invert.png) center no-repeat;	
}
.instagram:hover{
	background:url(../img/instagram.png) center no-repeat;		
}
.cls-opacity{
	opacity:0.9;	
}
.wrapper{
	width:90%;
	margin:0 auto;	
}
.wrapper-home-header{
	width:90%;
	margin:0 auto;	
}
.wrapper-sub{
	width:90%;
	margin:70px auto 10px;	
}
.wrapper-sub-browser{
	width:90%;	
	margin:70px auto 10px;
}
.wrap-top{
	padding-top:20px;	
}
.logo{
	margin-left:3%;	
}
.logo-cls{
	margin-top:8px;	
	text-align:center;
}
.slogan{
	clear:both;
	width:270px;
	height:20px;
	background:url(../img/slogan.png) 5px 0px no-repeat;	
}
.header-slogan{
	padding-left:15px;	
}
.navi-wrap{
	width:690px;
	margin:0 auto;	
}
ul.navigation{
	list-style:none;  
	margin:0 auto;
}
ul.navigation-sub{
	margin-top:8px;
	list-style:none; 	
}
ul.navigation > li, ul.navigation-sub > li{
	font-size:14px;
	border-left:1px solid #CCC;
	letter-spacing:2px;
	text-transform:uppercase;
	float:left;
	padding:0 40px;
	line-height:30px;
	cursor:pointer;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
}
ul.navigation-sub > li{
	border-left:none;	
}
ul.navigation > li a, ul.navigation-sub > li a{
	color:#666;
	line-height:30px;
	float:left;
	padding-bottom:8px;
}
ul.navigation > li:hover a, ul.navigation > li.nav-active a, ul.navigation-sub > li:hover a, ul.navigation-sub > li.nav-active a{
	color:#000;
	padding-bottom:4px;
	border-bottom:4px solid #0CF;
	opacity:0.5;
}
ul.navigation > li.nav-first, ul.navigation-sub > li.nav-first{
	border-left:none !important;	
}
.sign-block{
	padding-top:8px;
	background:url(../img/welcome-bg.gif) 0px 10px no-repeat;
	padding-left:30px;
	color:#666;	
}
.sign-block .welcome{
	color:#999;
	font-size:13px;
	text-transform:uppercase;	
	line-height:10px;
}
.sign-block .dimeter{
	color:#999;
	font-size:9px;	
}
.sign-block a{
	color:#60D1F3;
	text-transform:uppercase;
	font-size:9px;	
}
.sign-block a:hover{
	color:#00CCFF;
	text-decoration:underline;
}
.no-margin{
	margin:0px !important;	
}
.main-slider{
	width:100%;
	min-height:400px;
	background:#000;
	position:relative;	
}
.slide-img{
	width:100%;
	min-width:1290px;
	margin:0 auto;
	max-width:2000px;
}
.text-thin{
	font-weight:100;	
}
.home-services{
	list-style:none;
	margin:0px;	
	text-align:center;
}
.homepage-content{
	margin-top:145px;	
}
.navi{
	margin-top:11px;	
}
ul.home-services > li{
	float:left;
	text-align:center;	
	width:163px;
	padding-bottom:10px;
	background-color:#F1F1F1;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
}
ul.home-services > li:hover{
	/*background-color:#60D1F3;*/	
}
ul.home-services > li > a{
	/*font-family:'Open Sans', sans-serif;*/
	font-weight:100;
	color:#666;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
}
ul.home-services > li:hover > a{
	/*color:#FFF;*/
}	
.content-holder{
	position:relative; 
	width:100%; 
	height:400px;  
	margin:145px auto 0px;
	overflow: hidden;
}
.content-holder .content{
	width:100%;
}
.clearfix-custom{
	clear:both;
	width:100%;
	height:50px;	
}
.clearfix-custom-10{
	clear:both;
	width:100%;
	height:10px;	
}
.clearfix-custom-20{
	clear:both;
	width:100%;
	height:20px;	
}
.carousel-caption-cls{
	position:relative;	
}
.carousel-caption-cls .slide-caption{
	position:absolute;
	bottom:60px;
	right:120px;	
}
.carousel-caption-cls .caption-text{
	float:left;
	padding:5px 10px 10px 10px;
	width:auto;
	background:#000;
	background: rgba(0,0,0,0.5);
	color:#FFF;
	font-size:16px;
	/*border-radius:5px;*/
}
.ico-caption-calendar{
	width:30px;
	height:32px;	
}
.title-caption-content{
	color:#F10D83;
	font-weight:bold;
}
.title-caption-price{
	padding-left:30px;	
}
.thumb-caption{
	margin-left:5px;
	width:50px;
	border:3px solid #FFF;	
}
a.narrow-up{
	outline:none;	
}
.narrow-up{
	margin-top:10px;
	width:30px;
	height:30px;
	background:url(../img/scroll-top-top.png) center center no-repeat;
	background-color:#666;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;	
}
.narrow-up:hover{
	background-color:#F0067F !important;
	box-shadow:0 0 3px #F0067F;	
}
/*-------( My Account )----------------------------------------------*/

ul.my-account-ul{
	list-style:none;	
	margin-top:14px;
	font-size:13px;
	text-transform:capitalize;
}
ul.my-account-ul li{
	font-size:12px;	
}
ul.my-account-ul a{
	text-decoration:none;
}

/*-------( Sign In & Register Form )---------------------------------*/

.register-form, .signin-form{
	width:800px;
	padding-top:20px;
	/*border-radius:5px;*/	
}
.signin-form{
	padding-bottom:10px;	
}
.register-form-slogan{
	background:#D1F2FD;
	padding:15px;
	text-align:center;
	font-size:18px;
	color:#1156AF;	
}
.register-form .control-group{
	margin-bottom:0px;	
}
.register-form .input-medium, .signin-form .input-medium{
	border-radius:0px !important;
	margin-bottom:3px;
}
.register-form .control-label{
	font-size:13px;	
}
.signup-network{
	width:80% !important;
	margin:20px 10% !important;
	padding:10px;
	background:#EEEEEE;
	text-align:center;	
}
.sigup-block{
	margin-top:40px;	
	margin-bottom:15px;
}
.ico-network{
	width:55px;
	height:55px;
	border-radius:55px;
	float:left;
	margin-left:20px;	
	cursor:pointer;
	opacity:0.7;
	margin-top:10px;
	background:url(../img/social_icon_set.png) no-repeat;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
}
.ico-tweeter{
	margin-left:10px;
	background-position:-152px -2px;
}
.ico-facebook{
	background-position:-78px -0px;
}
.ico-google{
	background-position:-154px -228px;
}
.ico-yahoo{
	margin-left:10px;
	background-position:-78px -153px;
}
.ico-paypal{
	background-position:-227px -153px;
}
.ico-tweeter:hover, .ico-facebook:hover, .ico-google:hover, .ico-yahoo:hover, .ico-paypal:hover{
	opacity:1;	
}
.signup-wrapper, .signin-wrapper{
	width:90% !important;
	margin:0 5% !important;	
}
.signin-wrapper{
	margin-top:20px !important;	
}
a.btn-signup, a.btn-signin{
	padding:8px 30px;
	text-align:center;
	/*border-radius:4px;*/
	margin-bottom:20px;
	text-decoration:none !important;
	color:#FFF !important;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	text-decoration:none;
	outline:none;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
	background: rgb(255,93,177); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */	
}
a.btn-signin{
	float:right;
}
a.btn-signup:hover, a.btn-signin:hover{
	background: rgb(239,1,124); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(239,1,124,1) 0%, rgba(255,93,177,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,1,124,1)), color-stop(100%,rgba(255,93,177,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#ff5db1',GradientType=0 ); /* IE6-8 */
}
.term-of-service{
	font-size:12px;	
}
.label-password{
	width:100px !important;
	float:left;	
}
.sign-in-icons{
	position:relative;	
}
.vertical-line{
	position:absolute;
	height:90px;
	width:1px;
	background-color:#45BCD2;
	top:20px;
	right:-5px;	
}
.sign-up{
	height:120px;	
}
.second{
	top:137px;	
}
.sign-up.second{
	top:167px;	
}
.vertical-or{
	right:-18px;
	font-weight:bold;
	position:absolute;
	top:112px;
	color:#45BCD2;
	font-size:20px;	
}
.vertical-or.sign-up{
	top:143px;	
}
/*-------( Searchbox )--------------------------------------*/

.search-box{
	position:absolute;
	z-index:10;
	padding:15px 20px 0px;
	/*border-radius:5px;*/
	width:800px;
	top:160px;
	margin-left:-420px;
	left:50%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";	
}
.search-toggle{
	top:130px;	
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
}
.search-box .control-label{
	color:#FFF;	
}
.search-box .input-medium{
	opacity:1;	
	height:40px;
	font-size:16px;
}
.search-box .input-medium:focus{
	opacity:1;	
}
.search-box .view-list-div{
	min-width:140px;
}
.search-box .btn-view-list, .btn-bookservice{
	padding:11px 10px;
	line-height:40px;
	text-align:center;
	/*border-radius:4px;*/
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	opacity:1;
	text-decoration:none;
	outline:none;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
	background: rgb(255,93,177); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */
}
.search-box .btn-view-list:hover, .btn-bookservice:hover{
	color:#FFF;
	background: rgb(239,1,124); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(239,1,124,1) 0%, rgba(255,93,177,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,1,124,1)), color-stop(100%,rgba(255,93,177,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#ff5db1',GradientType=0 ); /* IE6-8 */
}
.btn-shampoo{
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; 
	background: rgb(255,93,177); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */	
}
.btn-shampoo:hover{
	background: rgb(239,1,124); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(239,1,124,1) 0%, rgba(255,93,177,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,1,124,1)), color-stop(100%,rgba(255,93,177,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#ff5db1',GradientType=0 ); /* IE6-8 */	
}
a.btn-bookservice, a:active.btn-bookservice, a:focus.btn-bookservice{
	color:#FFF;	
}
.btn-bookservice{
	float:left;
	font-size:20px;
	padding:7px 45px;	
	font-weight:600;
}
.search-box .input-find{
	margin-bottom:0px;
}
.search-box .search-box-slogan{
	width:300px;
	margin-bottom:10px;
}

/*-------( Advance Search )--------------------------------*/
.advance-search-fluid{
	display:none;	
}
.advance-search{
	min-height:40px !important;		
	font-size:16px !important;
}
.advance-search-addon{
	min-height:30px;	
}
.advance-search-icon{
	margin-top:8px;	
}
a.advance-search-bt{
	width:140px;
	float:right;
	outline:none;
	color:#FFF;
	text-decoration:none;
}
a.advance-search-bt i{
	margin-top:3px;	
}
/*-------( Services )--------------------------------------*/

.service-block{
	margin:0 1px 1px 0 !important;	
}
ul.home-services > li .service-image{
	width:120px;
	height:120px;
	margin:5px auto;
	background:url(../img/services-icon.png) no-repeat;
}
ul.home-services >li .see-all-service, ul.home-services >li .hot-deals{
	width:120px;
	height:80px;
	margin:5px auto;
	font-size:30px;
	line-height:30px;
	padding-top:40px;
}
ul.home-services >li .hot-deals{
	background:url(../img/hotdeals_full.png) center center no-repeat;	
}
ul.home-services > li:hover .service-image{
	background:url(../img/services-icon-invert.png) no-repeat;
}
ul.home-services > li .img-massages{
	background-position:0px 0px;
}
ul.home-services > li:hover .img-massages{
	background-position:0px 0px;
}
ul.home-services > li .img-haircut{
	background-position:-480px 0px;
}
ul.home-services > li:hover .img-haircut{
	background-position:-480px 0px;
}
ul.home-services > li .img-mani{
	background-position:-240px -120px;	
}
ul.home-services > li:hover .img-mani{
	background-position:-240px -120px;	
}
ul.home-services > li .img-yoga{
	background-position:-480px -480px;
}
ul.home-services > li:hover .img-yoga{
	background-position:-480px -480px;
}
ul.home-services > li .img-housekeeping{
	background-position:0px -360px;	
}
ul.home-services > li:hover .img-housekeeping{
	background-position:0px -360px;	
}
ul.home-services > li .img-haircolor{
	background-position:-360px 0px;	
}
ul.home-services > li:hover .img-haircolor{
	background-position:-360px 0px;	
}

ul.home-services > li .img-dog{
	background-position:-240px -480px;	
}
ul.home-services > li:hover .img-dog{
	background-position:-240px -480px;	
}
ul.home-services > li .img-dental{
	background-position:0px -240px;	
}
ul.home-services > li:hover .img-dental{
	background-position:0px -240px;	
}
ul.home-services > li .img-waxing{
	background-position:-480px -120px;	
}
ul.home-services > li:hover .img-waxing{
	background-position:-480px -120px;	
}
ul.home-services > li .img-facial{
	background-position:-240px 0px;	
}
ul.home-services > li:hover .img-facial{
	background-position:-240px 0px;	
}
ul.home-services > li .img-hotdeals{
	background-position:-360px 0px;	
}
ul.home-services > li:hover .img-hotdeals{
	background-position:-360px 0px;	
}
ul.home-services > li .img-allservices{
	background-position:-360px 0px;	
}
ul.home-services > li:hover .img-allservices{
	background-position:-360px 0px;	
}

/*------( End Services )--------------------------------------*/

.business-owner{
	text-align:center;
	margin:0 auto 20px;	
}
.business-owner-img{
	width:160px;
}
.business-owner-title, .home-title{
	/*font-family:'Open Sans', sans-serif;*/
	font-weight:600;
}
.get-powered{
	padding-right:4px;
	font-size:13px;
	color:#444;
	font-weight:100;
	padding-top:20px;
}
.get-powered-wrap{
	width:230px;
	margin:0 auto;	
}
.copyright{
	padding-top:5px;	
}
footer{
	margin-top:20px;
	width:100%;
	/*border-top:4px solid #CDCDCD;*/	
	background-color:#292929;
	opacity:1;
}
.footer-top h4{
	color:#AAA;
	min-height:80px;	
	/*font-family:'Open Sans', sans-serif;*/
	font-weight:100;
}
.footer-bottom{
	width:100%;
	/*font-family:'Open Sans', sans-serif;*/
	min-height:75px;
	line-height:30px;
	color:#444;
	font-size:13px;
	background-color:#111;	
	border-top:1px solid #999;
}
.footer-bottom a{
	color:#999;	
}
.footer-bottom a:hover{
	color:#FFF;	
}
.footer-bottom ul.social-network{
	margin-top:24px;
}
footer .logo-bottom{
	width:120px;
	height:50px;
	margin-top:10px;
	background:url(../img/logo_small.png) center 13px no-repeat;	
}
.narrow-down{
	position:absolute;
	bottom:0px;
	right:50px;
	width:40px;
	height:50px;	
	z-index:11;
	background:url(../img/scroll-down.png) center center no-repeat;
	background-color:#F62D95;
	opacity:0.8;
	cursor:pointer;
}
.narrow-down:hover{
	opacity:1;	
}
.relative-cls{
	position:relative;	
}
.narrow-down .see-more{
	position:absolute;
	left:-120px;
	border-right:1px solid #DDD;
	top:0px;
	width:120px;
	display:none;
	color:#FFF;
	background:#F62D95;
	opacity:1;
	text-align:center;
	font-size:20px;
	line-height:50px;
}
.narrow-down:hover .see-more{
	display:block;
}
/*-----[ Profiles Page ]-----------------------------------------------*/

#header_nav{
	box-shadow:0 0px 3px #999;
}
.small-logo{
	margin-top:12px;	
}
.wrapper-content{
	width:960px;
	padding:30px 20px;
	box-shadow:0 0 3px #DDD;
	/*border-radius:3px;*/	
	background:#FFF;
}
.profile-block{
	float:left;	
}
.profile-thumb{
	width:150px;
	height:120px;	
	border:5px solid #FFF;
	box-shadow:0 0 1px #CCC;
}
.profile-img{
	float:left;	
	margin-right:25px;
}
.profile-infor{
	float:left;	
	color:#666;
}
.profile-infor h3{
	margin:0px;	
	color:#E94782;
	line-height:30px;
}
.profile-title{
	font-size:13px;	
	color:#999;
	text-transform:uppercase;
}
.profile-infor{
	font-size:14px;	
}
.profile-address{
	margin-top:10px;	
}
.tab-photo, .tab-description{
	margin-top:30px;	
}
.nearby-similar{
	width:100%;	
}
.price{
	font-size:15px;
	font-weight:bold;
	color:#E94782;
	margin-bottom:5px;	
}
.yelp-star{
	float:left;
	width:110px;
	height:24px;
	margin-top:15px;
	background:url(../img/stars_map.png) bottom;	
}
.shampoo-star{
	float:left;
	height:24px;
	margin-top:5px;	
}
.shampoo-star img{
	float:left;	
}
.yelp-logo{
	float:left;
	margin-top:15px;	
}
.rates-block{
	float:right;
	width:230px;	
}
.number-review{
	float:left;
	padding:0 4px;	
}
.similar-bussiness a{
	font-size:16px;
	font-weight:600;
}
.similar-bussiness .span3{
	opacity:0.9;		
}
.similar-bussiness .span3:hover{
	opacity:1;	
}
/*===========[ Browser-Search Page ]===============================================================*/

.side-left{
	position:relative;
	padding:40px 0px 20px 0px;	
	border:1px solid #DDD;
	z-index:9999;
	min-height:490px;
}
.side-left .map{
	margin-top:0px;	
}
.side-left .reservations{
	padding-top:3px;
}
.filter-navi-btn{
	position:absolute;
	/*border-radius:0px 5px 5px 0px;*/
	width:30px;
	height:30px;
	box-shadow:3px 0px 2px #CCC;
	right:-29px;
	top:80px;
	text-align:center;
	background-color:#FFF;
	cursor:pointer;
	z-index:99;
}
.filter-navi-btn i.icon-chevron-left, .filter-navi-btn i.icon-chevron-right{
	margin-top:8px;	
}
.side-left, .side-left .control-label, .side-left select, .side-left button, .side-left span, .side-left input{
	font-size:13px !important;	
}
.side-left .control-label{
	font-weight:600;
	min-height:100%;	
}
.filter-wrap{
	padding:0 10px;	
}
.filter-wrap-sub{
	padding:0;	
}
.tab-content{
	min-height:210px;
}
.filter-content{
	position:relative;	
}
.filter-select-type{
	position:absolute;
	top:320px; 
	width:235px; 
	left:10px; 
	z-index:9;
}
.filter-select-when{
	position:absolute; 
	top:385px; 
	width:235px; 
	left:10px; 
	z-index:8;	
}
.nav-filter{
	background:#F5F5F5;	
	min-height:36px;
	margin-bottom:0px;
	margin-top:10px;
}
.nav-filter.nav-tabs > .active > a, .nav-filter.nav-tabs > .active > a:hover, .nav-filter.nav-tabs > .active > a:focus{
	background:#FFF;	
}
.filter-price{
	text-align:right;
	font-weight:900;
	font-size:14px;
	color:#126F29;	
}
.content-holder-result{
	position:relative; 
	width:100%; 
	height:378px;  
	margin:0px auto;
	overflow: hidden;	
}
ul.filter-result{
	list-style:none;
	margin-left:0px;	
	padding-right:15px;
}
ul.filter-result li{
	padding:10px 0px;
	border-bottom:1px dotted #DDD;	
}
ul.filter-result li a{
	font-size:13px;	
}
.side-right{	
	min-height:466px;
}
.list-category{
	list-style:none;	
}
.list-category li{
	float:left;
	margin-left:5px;
}
.list-category li a{
	outline:none !important;	
}

.block-salon-wrap{
	margin-bottom:30px;	
}
.block-salon{
	background:#FFF;
	box-shadow:0px 0px 4px #999;
	/*border-radius:4px;*/
	overflow:hidden;
	width:auto;
	opacity:0.9;
	margin-bottom:20px;
	transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
}
.block-salon:hover{
	opacity:1;
	box-shadow:0px 0px 10px #CCC;	
}
#side-right-wrapper{
	transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
}
.block-salon .salon-chart-list{
	width:210px;
	margin:5px auto;
}
.block-salon .salon-chart-list ul{
	list-style:none;	
}
.block-salon .salon-chart-list ul li{
	float:left;
	border:1px solid #EEE;	
	width:50px;
	text-align:center;
	border-right:none;
}
.block-salon .salon-title{
	padding-left:2px;
	padding-right:2px;
}
.block-salon .salon-title h4{
	font-weight:600;
	font-size:16px;
	overflow:hidden;
	line-height:20px;
	text-transform:uppercase;
	margin-top:6px;
	margin-bottom:2px;
	font-weight:bolder;
	/*text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);*/
}
.block-salon .salon-location, .block-salon .salon-address, .block-salon .salon-phone{
	padding-bottom:4px;	
	font-size:13px;
}
.blocl-salon .salon-trainer{
	position:relative;
}
.block-salon .salon-trainner-img-wrap{
	position:absolute;
	margin-left:94px;	
	margin-top:-22px;
}
.block-salon .salon-price{
	font-size:24px;
	font-weight:100;
	color:
	padding-left:10px;
	line-height:40px;
	background-color:#F7F7F7;
}
.block-salon .add-to-card-btn{
	float:right;
	margin-right:10px;
	width:60%;
	background: rgb(255,93,177); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-8 */	
}
.block-salon .add-to-card-btn:hover{
	background: rgb(239,1,124); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(239,1,124,1) 0%, rgba(255,93,177,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,1,124,1)), color-stop(100%,rgba(255,93,177,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(239,1,124,1) 0%,rgba(255,93,177,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef017c', endColorstr='#ff5db1',GradientType=0 ); /* IE6-8 */	
}
.block-salon .text-small{
	font-size:16px;	
}
.block-salon .salon-content{
	color:#999;
	padding:0px 5px;
	font-size:12px;	
}
.block-salon .salon-img{
	width:100%;	
}
.text-smaller{
	font-size:12px;	
	float:left;
}
.block-salon .salon-header{
	padding:5px;	
	background: #00b7ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  #00b7ea 0%, #00b5d9 50%, #009ec3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(50%,#00b5d9), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#00b5d9 50%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b7ea 0%,#00b5d9 50%,#009ec3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b7ea 0%,#00b5d9 50%,#009ec3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00b7ea 0%,#00b5d9 50%,#009ec3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-8 */
}
.block-salon .salon-img-wrap{
	
}
.block-salon .salon-trainner-img{
	border-radius:40px;
	border:2px solid #FFF;
}
.filter-bar{
	width:258px;
	/*position:absolute;*/
	left:-258px;
	z-index:99;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
.filter-bar-1{
	width:258px;
	margin-top:35px;
	z-index:99;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
}
.affix{
	top:70px;	
}
.affix-bottom{
	position:absolute;
	bottom:105px;	
}
.in{
	font-size:18px;	
}
.btn-group .btn-small{
	width:75px !important;	
}
.option{
	margin-top:20px;
	padding-right:15px;	
}
.page-title{
	border:1px solid #EDEDED;
	/*border-radius:6px;*/
}
.head-title{
	padding-left:15px;	
}
.text-normal{
	font-weight:400;	
}
.add-on{
	cursor:pointer;	
	background:#FC4DA8 !important;
}
.add-on:hover{
	background:#F00880 !important;	
}
.white-bg{
	background:#FFF;	
}
.salon-title .salon-location{
	padding-bottom:10px;	
}

.gallery-style{	

}

/* List style */

.list-style{
	display:none;	
}
.list-style .block-salon{
	min-height:220px;
	max-height:240px;	
}
.list-style .salon-title{
	max-width:240px;
	padding-left:20px !important;	
}
.salon-informations{
	padding-top:27px;	
}
.salon-informations h4{
	color:#0099FF;	
	margin-bottom:0px !important;
	text-transform:uppercase;
}
a.add-to-favourites{
	color:#008080;
}
.list-style .block-salon .salon-price{
	padding-top:60px;
	font-size:24px;
	text-align:center;
	font-weight:600;
	padding-left:10px;
	line-height:40px;
	background-color:#FFF;
}
.list-style .add-to-card-btn{
	float:none;	
}

/* Map Style */

.map-style{
	display:none;	
}
.map-location{
	min-width:800px;	
}

/* Breadcrumb */

.book-service .breadcrumb {
	/*centering*/
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
	padding:0px !important;
}

.book-service .breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color:#467BBF;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.book-service .breadcrumb a:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.book-service .breadcrumb a:first-child:before {
	left: 14px;
}
.book-service .breadcrumb a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.book-service .breadcrumb a.active,.book-service  .breadcrumb a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.book-service .breadcrumb a.active:after,.book-service  .breadcrumb a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.book-service .breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.book-service .breadcrumb a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.book-service .breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
}
.book-service .flat a,.book-service .flat a:after {
	background: white;
	color: black;
	transition: all 0.5s;
}
.book-service .flat a:before {
	background: #0CF;
	box-shadow: 0 0 0 1px #ccc;
}
.book-service .flat a,
.book-service .flat a:after{
	background: rgb(64,150,238); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(64,150,238,1) 0%, rgba(64,150,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,150,238,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=0 ); /* IE6-8 */
}
.book-service .flat a:hover,.book-service  .flat a.active, 
.book-service .flat a:hover:after,.book-service  .flat a.active:after{
	background: rgb(136,191,232); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,191,232,1)), color-stop(100%,rgba(112,176,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-8 */
}
